<?php 
$categoria = "";
    foreach ($productos as $producto){
        $categoria = $producto->getCategoria();
    }
?>
<div class="clear"></div>
<div class="menu-int">
        
        <li class="menu-int-li borderCornersTop backgroundWhite">Oferta en <?php echo $categoria; ?></li>
        
        <div class="menu-int-content borderCornersBottom">
            <ul id="mycarousel" class="jcarousel-skin-tango">
            <?php  include_partial('componentes/productoCentro', array('productos' => $productos)) ?>
            </ul>
        </div>
                
</div>                
                
<div class="clear"></div>

<!--Incluye el efecto de carrusel de los productos-->
<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'circular',
        initCallback: mycarousel_initCallback
    });
});


</script> 